.container {
    position: relative;

    .list-wrap {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .list-item {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 8px;
        width: 100%;
    }

    .thumb {
        width: 40px;
        height: 40px;
        background: var(--gray-1);
        border-radius: 4px;
        overflow: hidden;
        flex-shrink: 0;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    .meta {
        display: flex;
        flex-direction: column;

        .title {
            font-size: 14px;
            line-height: 18px;
            color: var(--gray-9);
            margin-bottom: 4px;
        }

        .time {
            font-size: 12px;
            color: var(--gray-7);
            line-height: 1.4em;
        }
    }
}